{extend name="base"}
{block name="content"}
<style>
.Switch{
    float: none !important;
    margin: 0 auto;
    width: 108px;		
}
.Switch input {
	display: none
}

.Switch label {
	background: #CCC;
	height: 28px;
	width: 98px;
	border-radius: 14px;
	float: right;
	margin: 8px 10px 0 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
	position: relative;
}

.Switch label em {
	width: 26px;
	height: 26px;
	float: left;
	margin: 1px;
	border-radius: 13px;
	box-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	background: #FFF;
	transition: 0.1s;
}
.Switch label span {
	position: absolute;
	left: 36px;
	height: 28px;
	line-height: 28px;
	color: #6E6B6B;
}	

.Switch input:checked+label {
	background: #a4d714;
}

.Switch input:checked+label span {
	color: #fff;
	left: 15px;
}

.Switch input:checked+label em {
	margin: 1px 1px 1px 71px;
}

.Switch input:disabled+label {
	opacity: 0.5
}

</style>
<div class="main_div">

						<div class="ty_box">
							<form class="form-inline" method="get">
							<div class="d_ty_head">
								<b class="e_d_t_title">付款方式<span>Pay Channel</span></b>
								
							</div>
							</form>
							<ul class="ty_b_list">
								<li class="ty_l_head">
									<div class="ty_l_d1" style="width: 33.33%">支付方式</div>
									<div class="ty_l_d3" style="width: 33.33%">平台收取</div>
									<div class="ty_l_d3" style="width: 33.33%">状态</div>
								</li>
								{foreach $userChannels as $v}
								<li class="ty_l_li">
									<div class="ty_l_d1" style="width: 33.33%">{$v.title}</div>
									<div class="ty_l_d3" style="width: 33.33%">{$v.rate*100}%</div>
									<div class="ty_l_d3" style="width: 33.33%">
										 <div class="Switch">
										<input type="checkbox"  value="change_status" name="notices_{$v.channel_id}" id="change_status_{$v.channel_id}" {if $v.status == 1}checked{/if} ><label for="change_status_{$v.channel_id}" data-id="{$v.channel_id}"><span>{if $v.status == 1}已开启{else/}已关闭{/if}</span><em></em></label>
									    </div>
										
									</div>
									
								</li>
								{/foreach}
							</ul>
							<div class="ty_b_footer">
							
						 </div>
						</div>
					</div>
<script>
$(function(){
	$(".test_body").addClass("goods_list");
	$(".page li").click(function(){
		window.location=$(this).children('a').attr("href");
	});
	$(".Switch label").click(function(){
			var ajax_status=1;
			if(ajax_status==1){
			var id=$(this).data("id");
			 var intxt=$(this).siblings("input").prop('checked');
			 if(intxt){
				$(this).children("span").html("已关闭");
				var status=0;
			 }else{
				$(this).children("span").html("已开启");
				var status=1;
			 }
			 $.post('/merchant/user/changeChannelStatus',{id:id,status:status},function(res){
				 ajax_status=0;
				if(res.code!=0){
					layer.msg(res.msg, {time: 1000, icon: 5});
				}else{	
					layer.msg("操作成功", {time: 1000, icon: 6});
				 }
			  });
			}else{
				layer.msg("操作太快了，请放慢一点", {time: 1000, icon: 5});
			}
	 });
});	
</script>
{/block}